<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="bg-img dpflex">
        <a href="#" class="register">密码登录</a>
        <div class="warp">
            <div class="title">手机号登录/注册</div>
            <div class="titleText">快速找到好友, 一站式记录你的运动</div>
            <div class="user1 dpflex">
                <div class="num">+86</div>
                <i class="iconfont icon-xiala"></i>
                <input type="text" placeholder="输入手机号码">
            </div>
            <div class="codebigBox dpflex">
                <input type="text" placeholder="请输入验证码">
                <div class="codeBox">
                    <canvas width="123" height="50" id="captcha1"></canvas>
                </div>
            </div>
            <div class="user">
                <input type="text" placeholder="请输入密码">
            </div>
            <div class="password">
                <input type="text" placeholder="请再次确认密码">
            </div>
            <div class="btn">
                注册
            </div>
            <!-- <div class="forget">忘记密码</div> -->
            <div class="icon">
                <div>微信登录</div>>
                <i class="iconfont icon-weixin"></i>
            </div>
        </div>

    </div>
    <div class="ziti">- HOLD ON -</div>

    <!-- <div class="bg">
        <div class="toast">
            <i class="iconfont icon-duigouxiao"></i>
            <div class="msg"></div>
        </div>
    </div> -->
</body>

</html>